	      	<%@page import="upcweb.negocio.BsGestionOfertas"%>
<%@page import="upcweb.modelo.ClsOferta"%>
<%@page import="java.util.ArrayList"%>
<%@page import="upcweb.modelo.ClsUsuario"%>
	
	      		      	<div align='center'>
			<%
			ArrayList<ClsOferta> arr = new ArrayList<ClsOferta>();
			arr = new BsGestionOfertas().getOfertasActivas();
	      	ClsUsuario user = (ClsUsuario)request.getAttribute("usuario");
			if ( user!= null){
				%>
				<h2>Bienvenido&nbsp;<strong><%=user.getNo_responsable()%>&nbsp;[<%=user.getNo_usuario() %>]</strong></h2>

				<%
			}
			if (request.getAttribute("fromLogin")!=null){
				%>
				<script type="text/javascript">
				ShowInfo("La Sesi&oacute;ha sido iniciada correctamente.")
				</script>
				<%
			}
	      	%>
	      	</div> 	      	
	      	<div class="span6">	     	      
	      	 		
	      		<div class="widget">						
					<div class="widget-header">
						<i  class="icon-list-alt" style="content:url(img/icons/change_icon.png)"></i>
						<h3>&Uacute;ltimas Ofertas</h3>
					</div> <!-- /widget-header -->					
					<div class="widget-content">
					<div class='shortcuts'>										
					<%
					for(ClsOferta of : arr){
						%>
						<span  class="shortcut">
						<span class="shortcut-label" style="font-size: 18px;"><%=(100-of.getNo_porcentaje())+"%"%></span>
						<span class="shortcut-label">Al&nbsp;<%=of.getFe_final()%></span>
								<i class="shortcut-icon icon-list-alt" style="content:url(imgservicio<%=of.getNo_imagen()%>); width:80px;" ></i>
								<a style='cursor:pointer;' class="shortcut-label"><%=of.getNo_servicio() %></a>
							</span>
						<%
					}
					%>
					</div>
					</div> <!-- /widget-content -->
						
				</div> <!-- /widget -->	
				
				
				<div class="widget widget-nopad">
							
					<div class="widget-header">
						<i class="icon-list-alt"></i>
						<h3>Recent News</h3>
					</div> <!-- /widget-header -->
					
					<div class="widget-content">
						
						<ul class="news-items">
							<li>
								
								<div class="news-item-detail">										
									<a href="javascript:;" class="news-item-title">Duis aute irure dolor in reprehenderit</a>
									<p class="news-item-preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
								</div>
								
								<div class="news-item-date">
									<span class="news-item-day">08</span>
									<span class="news-item-month">Mar</span>
								</div>
							</li>
							<li>
								<div class="news-item-detail">										
									<a href="javascript:;" class="news-item-title">Duis aute irure dolor in reprehenderit</a>
									<p class="news-item-preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
								</div>
								
								<div class="news-item-date">
									<span class="news-item-day">08</span>
									<span class="news-item-month">Mar</span>
								</div>
							</li>
							<li>
								<div class="news-item-detail">										
									<a href="javascript:;" class="news-item-title">Duis aute irure dolor in reprehenderit</a>
									<p class="news-item-preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
								</div>
								
								<div class="news-item-date">
									<span class="news-item-day">08</span>
									<span class="news-item-month">Mar</span>
								</div>
							</li>
						</ul>
						
					</div> <!-- /widget-content -->
				
				</div> <!-- /widget -->	
						
											
				<div class="widget">
					
					<div class="widget-header">
						<i class="icon-file"></i>
						<h3>Juego del D&iacute;a : Desplumados</h3>
					</div> <!-- /widget-header -->
					
					<div class="widget-content">
						
						<p>Este juego es especial para campamentos de adolescentes entre 12 y 14 a&ntilde;os a los que quieres cansar a m&aacute;s no poder. Se enganchar&aacute;n a jugar f&aacute;cilmente. Divide al grupo en dos equipos y coloca cada equipo de un lado de la cancha. (el tama&ntilde;o te lo dejamos a tu juicio seg&uacute;n la cantidad de jugadores que tengas). Con anticipaci&oacute;n deber&aacute;s conseguir una cantidad considerable de plumas (si pueden ser de dos colores mejor). De cada lado de la cancha deba haber la misma cantidad de plumas (no demasiadas, alrededor de dos por jugador). Todos los jugadores deben estar en cuatro “patas” ubicados dentro del &aacute;rea de juego. A la se&ntilde;al todos los jugadores deber&aacute;n comenzar a soplar las plumas, y solo soplarlas, al lado contrario. El jugador que despegue una de sus cuatro “patas” del suelo para empujar, tirar, etc. las plumas ser&aacute; descalificado y puesto fuera del juego. Para este control necesitar&aacute;s varios &aacute;rbitros por equipo. Al cabo de unos 4 &oacute; 5 minutos el juego se corta y el equipo que tenga m&aacute;s cantidad de plumas de su lado ser&aacute; el perdedor. Agotados van a quedar seguro. Ten alg&uacute;n regalo a mano para el equipo ganador.</p>
</div> <!-- /widget-content -->
				
				</div> <!-- /widget -->
	      		
		    </div> <!-- /span6 -->
	      	
	      	
	      	<div class="span6">	
	      		
	      		
	      		<div class="widget">
						
					<div class="widget-header">
						<i class="icon-bookmark"></i>
						<h3>Quick Shortcuts</h3>
					</div> <!-- /widget-header -->
					
					<div class="widget-content">
						
						<div class="shortcuts">
							<a href="javascript:;" class="shortcut">
								<i class="shortcut-icon icon-list-alt"></i>
								<span class="shortcut-label">Apps</span>
							</a>
							
							<a href="javascript:;" class="shortcut">
								<i class="shortcut-icon icon-bookmark"></i>
								<span class="shortcut-label">Bookmarks</span>								
							</a>
							
							<a href="javascript:;" class="shortcut">
								<i class="shortcut-icon icon-signal"></i>
								<span class="shortcut-label">Reports</span>	
							</a>
							
							<a href="javascript:;" class="shortcut">
								<i class="shortcut-icon icon-comment"></i>
								<span class="shortcut-label">Comments</span>								
							</a>
							
							<a href="javascript:;" class="shortcut">
								<i class="shortcut-icon icon-user"></i>
								<span class="shortcut-label">Users</span>
							</a>
							
							<a href="javascript:;" class="shortcut">
								<i class="shortcut-icon icon-file"></i>
								<span class="shortcut-label">Notes</span>	
							</a>
							
							<a href="javascript:;" class="shortcut">
								<i class="shortcut-icon icon-picture"></i>
								<span class="shortcut-label">Photos</span>	
							</a>
							
							<a href="javascript:;" class="shortcut">
								<i class="shortcut-icon icon-tag"></i>
								<span class="shortcut-label">Tags</span>
							</a>				
						</div> <!-- /shortcuts -->	
					
					</div> <!-- /widget-content -->
					
				</div> <!-- /widget -->
	      		
	      		
						
						
				<div class="widget">
						
					<div class="widget-header">
						<i class="icon-signal"></i>
						<h3>Chart</h3>
					</div> <!-- /widget-header -->
					
					<div class="widget-content">					
						<div id="area-chart" class="chart-holder"></div>					
					</div> <!-- /widget-content -->
				
				</div> <!-- /widget -->
						
						
						
						
				<div class="widget widget-table action-table">
						
					<div class="widget-header">
						<i class="icon-th-list"></i>
						<h3>Table</h3>
					</div> <!-- /widget-header -->
					
					<div class="widget-content">
						
						<table class="table table-striped table-bordered">
							<thead>
								<tr>
									<th>Engine</th>
									<th>Browser</th>
									<th class="td-actions"></th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>Trident</td>
									<td>Internet
										 Explorer 4.0</td>
									<td class="td-actions">
										<a href="javascript:;" class="btn btn-small btn-warning">
											<i class="btn-icon-only icon-ok"></i>										
										</a>
										
										<a href="javascript:;" class="btn btn-small">
											<i class="btn-icon-only icon-remove"></i>										
										</a>
									</td>
								</tr>
								<tr>
									<td>Trident</td>
									<td>Internet
										 Explorer 5.0</td>
									<td class="td-actions">
										<a href="javascript:;" class="btn btn-small btn-warning">
											<i class="btn-icon-only icon-ok"></i>										
										</a>
										
										<a href="javascript:;" class="btn btn-small">
											<i class="btn-icon-only icon-remove"></i>										
										</a>
									</td>
								</tr>
								<tr>
									<td>Trident</td>
									<td>Internet
										 Explorer 5.5</td>
									<td class="td-actions">
										<a href="javascript:;" class="btn btn-small btn-warning">
											<i class="btn-icon-only icon-ok"></i>										
										</a>
										
										<a href="javascript:;" class="btn btn-small">
											<i class="btn-icon-only icon-remove"></i>										
										</a>
									</td>
								</tr>
								<tr>
									<td>Trident</td>
									<td>Internet
										 Explorer 5.5</td>
									<td class="td-actions">
										<a href="javascript:;" class="btn btn-small btn-warning">
											<i class="btn-icon-only icon-ok"></i>										
										</a>
										
										<a href="javascript:;" class="btn btn-small">
											<i class="btn-icon-only icon-remove"></i>										
										</a>
									</td>
								</tr>
								<tr>
									<td>Trident</td>
									<td>Internet
										 Explorer 5.5</td>
									<td class="td-actions">
										<a href="javascript:;" class="btn btn-small btn-warning">
											<i class="btn-icon-only icon-ok"></i>										
										</a>
										
										<a href="javascript:;" class="btn btn-small">
											<i class="btn-icon-only icon-remove"></i>										
										</a>
									</td>
								</tr>
								<tr>
									<td>Trident</td>
									<td>Internet
										 Explorer 5.5</td>
									<td class="td-actions">
										<a href="javascript:;" class="btn btn-small btn-warning">
											<i class="btn-icon-only icon-ok"></i>										
										</a>
										
										<a href="javascript:;" class="btn btn-small">
											<i class="btn-icon-only icon-remove"></i>										
										</a>
									</td>
								</tr>
								</tbody>
							</table>
						
					</div> <!-- /widget-content -->
				
				</div> <!-- /widget -->
									
		      </div> <!-- /span6 -->
	      	